<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:jsf="http://xmlns.jcp.org/jsf"
                xmlns:f="http://xmlns.jcp.org/jsf/core"
                xmlns:h="http://xmlns.jcp.org/jsf/html"
                xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
                xmlns:p="http://primefaces.org/ui">
    <div class="page-content">
        <div class="content container">
            <div class="row">
                <div class="col-md-12">
                    <h2 class="page-title">Validación, <small>se enviará un correo electrónico con su nueva contraseña</small></h2>
                </div>
            </div>
            <div class="row">

                <div class="col-lg-12">
                    <div class="widget">
                        <div class="widget-header"> <i class="icon-align-left"></i>
                            <h3>Recupera tus datos</h3>
                        </div>
                        <div class="widget-content">
                            <h:form class="form-horizontal" >
                                <fieldset>
                                    <legend class="section">Validación de datos</legend>
                                    <div class="control-group">
                                        <label for="normal-field" class="control-label">Documento de Identidad</label>
                                        <div class="controls form-group">
                                            <p:inputText placeholder="12345678" 
                                                         styleClass="form-control" 
                                                         value="#{clientBean.person.dni}"
                                                         id="normal-field" 
                                                         required="true" maxlength="8"
                                                         requiredMessage="Falta ingresar su Documento de identidad">
                                                <f:validateLength maximum="8" minimum="8"/>
                                            </p:inputText>                                                                  
                                        </div>
                                    </div>
                                    <div class="control-group">
                                        <label for="hint-field" class="control-label">Correo electrónico</label>
                                        <div class="controls form-group">
                                            <p:inputText styleClass="form-control" id="hint-field"
                                                         placeholder="correo@domini.com"
                                                         value="#{clientBean.person.email}"
                                                         validatorMessage="Correo no válido"
                                                         required="true" requiredMessage="Falta ingresar email.">
                                                <f:validateRegex 
                                                    pattern="^[_A-Za-z0-9-\+]+(\.[_A-Za-z0-9-]+)*@[A-Za-z0-9-]+(\.[A-Za-z0-9]+)*(\.[A-Za-z]{2,})$" />
                                            </p:inputText>
                                        </div>
                                    </div>
                                    
                                    <div class="control-group" align="center">
                                        
                                        <p:captcha label="Captcha" requiredMessage="Complete Captcha"
                                                   language="es" theme="white" />
                                    </div>
                                    <div>
                                        Si no te llegó el correo de restablecimiento, esto quiere decir
                                         que el correo que nos dio se encuentra mal escrita. Mande un correo con su 
                                         correo corregido para poder utilizar este servicio.
                                    </div>
                                </fieldset>
                                <div class="form-actions">
                                    <div>
                                        <p:commandButton styleClass="btn btn-primary" value="Enviar Contraseña"
                                                         ajax="false" onstart="buttonWB.disable();" widgetVar="buttonWB"
                                                         oncomplete="buttonWB.enable();"
                                                         action="#{clientBean.recoveryPassword()}"
                                                         update=":globalContent"/>
                                        <p:commandButton styleClass="btn btn-default" 
                                                         process="@this"
                                                         update=":globalContent"
                                                         value="Atras" style="margin-left: 5px;">
                                            <f:setPropertyActionListener
                                                target="#{navigatorClientBean.navigationContent}"
                                                value="./pages/client/login.xhtml" />
                                        </p:commandButton>
                                    </div>
                                </div>
                            </h:form>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>
</ui:composition>

